<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta charset="utf-8">
<title>你买我送 -- 菜单管理</title>
<script>
	(function(window) {
		var theUA = window.navigator.userAgent.toLowerCase();
		if ((theUA.match(/msie\s\d+/) && theUA.match(/msie\s\d+/)[0])
				|| (theUA.match(/trident\s?\d+/) && theUA
						.match(/trident\s?\d+/)[0])) {
			var ieVersion = theUA.match(/msie\s\d+/)[0].match(/\d+/)[0]
					|| theUA.match(/trident\s?\d+/)[0];
			if (ieVersion < 9) {
				window.location.href = "info/version.html"
			}
			;
		}
	})(window);
</script>
<style type="text/css">
.w160[data-v-48902c87] {
	width: 128px;
	margin-right: 10px
}
</style>
<style type="text/css">
@
keyframes resizeanim {from { opacity:0;
	
}

to {
	opacity: 0;
}

}
.resize-triggers {
	animation: 1ms resizeanim;
	visibility: hidden;
	opacity: 0;
}

.resize-triggers, .resize-triggers>div, .contract-trigger:before {
	content: " ";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	overflow: hidden;
	z-index: -1
}

.resize-triggers>div {
	background: #eee;
	overflow: auto;
}

.contract-trigger:before {
	width: 200%;
	height: 200%;
}
</style>
<style type="text/css">
.img-50[data-v-76b0cee4] {
	width: 56px;
	height: 56px;
	vertical-align: middle;
	margin: 6px 0
}

.tree-list[data-v-76b0cee4] {
	margin-left: 200px
}
</style>

<%@ include file="../elements/head.jsp" %>

</head>
<body style="position: inherit;" class="">
	<div id="app">
		<div data-v-5243c51a="" class="container el-row"></div>
		
			<%@ include file="elements/top.jsp"%>
				
			<%@ include file="elements/left.jsp"%>
			
			<section data-v-5243c51a="" id="main" class="main-container">
			
			<ul data-v-5243c51a="" class="breadcrumb">
				<li data-v-5243c51a="">
					<span data-v-5243c51a="" class="iconfont bbs-home"></span>
				</li>
				<li data-v-5243c51a="">
					<a data-v-5243c51a="" href="#/productList" class="router-link-exact-active router-link-active">菜单管理</a>
				</li>
			</ul>
			<div data-v-5243c51a="" class="main-body">
				<div data-v-5243c51a="">
					<div data-v-76b0cee4="" class="forum-module">
						<div data-v-76b0cee4="" class="tree-layout">
						
						
							<div data-v-76b0cee4="" class="tree">
								<div data-v-76b0cee4="" class="el-tree">
									<div class="el-tree-node is-expanded">
										<div class="el-tree-node__content" style="padding-left: 0px;">
											<span class="el-tree-node__expand-icon  expanded"></span>
											<span class="el-tree-node__label">所有分类</span>
										</div>
										
										<div class="el-tree-node__children">
											<div class="el-tree-node is-expanded">
												<div class="el-tree-node__content" style="padding-left: 16px;">
													<span class="el-tree-node__expand-icon el-icon-caret-right"></span>
													<span class="el-tree-node__label">数码</span>
												</div>
												<div class="el-tree-node__content" style="padding-left: 16px;">
													<span class="el-tree-node__expand-icon el-icon-caret-right"></span>
													<span class="el-tree-node__label">数码</span>
												</div>
											</div>
										</div>
										
									</div>
								</div>
							</div>
							
							<div data-v-76b0cee4="" class="tree-list">
								<div data-v-76b0cee4="" class="table-top-bar clearfix">
									<div data-v-76b0cee4="" class="query-inline-box flex-between">
										<div data-v-76b0cee4="">
										
											<div data-v-76b0cee4="" class="el-select"
												style="width: 85px; margin-right: 11px;">
												<div class="el-input el-input--suffix">
													<h1>菜单列表</h1>
												</div>
											</div>
											
											<button onclick="addproduct()" class="el-button ml16 query el-button--default">添加商品</button>
										</div> 
										
										<div data-v-76b0cee4="">
											<div data-v-76b0cee4="" class="query-inline-group"
												style="margin-left: 55px;">
												<label data-v-76b0cee4="" for="">商品名称:</label>
												<div data-v-76b0cee4="" class="w160 el-input">
													<input autocomplete="off" rows="2" validateevent="true" class="el-input__inner" id="goodsName" type="text">
												</div>
												<button data-v-76b0cee4="" type="button" id="querybutton" class="el-button ml16 query el-button--default">
													<span>查询</span>
												</button>
											</div>
										</div>
										
										
									</div>
								</div>
								<div data-v-76b0cee4="" class="">
									<div data-v-76b0cee4=""
										class="el-table el-table--fit el-table--striped el-table--enable-row-hover el-table--enable-row-transition"
										style="width: 100%;">
										<div class="hidden-columns">
											<div data-v-76b0cee4=""></div>
											<div data-v-76b0cee4=""></div>
											<div data-v-76b0cee4=""></div>
											<div data-v-76b0cee4=""></div>
											<div data-v-76b0cee4=""></div>
											<div data-v-76b0cee4=""></div>
											<div data-v-76b0cee4=""></div>
											<div data-v-76b0cee4=""></div>
										</div>
										<div class="el-table__header-wrapper">
											<table class="el-table__header" style="width: 900px;"
												cellspacing="0" cellpadding="0" border="0">
												<colgroup>
													<col name="el-table_1_column_11" width="100">
													<col name="el-table_1_column_12" width="100">
													<col name="el-table_1_column_13" width="150">
													<col name="el-table_1_column_14" width="100">
													<col name="el-table_1_column_15" width="120">
													<col name="el-table_1_column_16" width="120">
													<col name="el-table_1_column_17" width="200">
												</colgroup>
												<thead class="has-gutter">
													<tr class="">
														<th colspan="1" rowspan="1" class="el-table_1_column_11  is-center is-leaf">
															<div class="cell">商品名称</div>
														</th>
														<th colspan="1" rowspan="1" class="el-table_1_column_12  is-center  is-leaf">
															<div class="cell">商品价格</div>
														</th>
														<th colspan="1" rowspan="1" class="el-table_1_column_13  is-center   is-leaf">
															<div class="cell">商品图片</div>
														</th>
														<th colspan="1" rowspan="1" class="el-table_1_column_14  is-center   is-leaf">
															<div class="cell">商品类型</div>
														</th>
														<th colspan="1" rowspan="1" class="el-table_1_column_15  is-center   is-leaf">
															<div class="cell">创建时间</div>
														</th>
														<th colspan="1" rowspan="1" class="el-table_1_column_16  is-center   is-leaf">
															<div class="cell">最近修改时间</div>
														</th>
														<th colspan="1" rowspan="1" class="el-table_1_column_17  is-center   is-leaf">
															<div class="cell">操作</div>
														</th>
													</tr>
												</thead>
											</table>
										</div>
										<div class="el-table__body-wrapper is-scroll-left">
											<table class="el-table__body" style="width: 879px;"
												cellspacing="0" cellpadding="0" border="0">
												<colgroup>
													<col name="el-table_1_column_11" width="100">
													<col name="el-table_1_column_12" width="100">
													<col name="el-table_1_column_13" width="150">
													<col name="el-table_1_column_14" width="100">
													<col name="el-table_1_column_15" width="120">
													<col name="el-table_1_column_16" width="120">
													<col name="el-table_1_column_17" width="200">
												</colgroup>
												<tbody id="goods-body">
													<tr class="">
														<th colspan="1" rowspan="1" class="el-table_1_column_11  is-center el-table-column--selection  ">
															<div class="cell">烧烤</div>
														</th>
														<th colspan="1" rowspan="1" class="el-table_1_column_12  is-center  ">
															<div class="cell">100.00</div>
														</th>
														<th colspan="1" rowspan="1"
															class="el-table_1_column_13  is-center">
															<div class="cell"><img alt="" src="#"></div>
														</th>
														<th colspan="1" rowspan="1"
															class="el-table_1_column_14  is-center">
															<div class="cell">小吃</div>
														</th>
														<th colspan="1" rowspan="1"
														class="el-table_1_column_15  is-center">
															<div class="cell">2018/7/20 10:07</div>
														</th>
														
														<th colspan="1" rowspan="1"
														class="el-table_1_column_16  is-center">
															<div class="cell">2018/7/20 10:07</div>
														</th>
														<th colspan="1" rowspan="1"
															class="el-table_1_column_17  is-center">
															<div class="cell">
																<a title="修改" class="t-edit" onclick="modifyProduct();"></a>
																<a title="删除" class="t-del"></a>
															</div>
														</th>
														<th class="gutter" style="width: 0px;"></th>
													</tr>
												</tbody>
											</table>
										</div>
										<div class="el-table__column-resize-proxy"
											style="display: none;"></div>
										<div class="resize-triggers">
											<div class="expand-trigger">
												<div style="width: 880px; height: 741px;"></div>
											</div>
											<div class="contract-trigger"></div>
										</div>
									</div>
									<div class="el-loading-mask" style="display: none;">
										<div class="el-loading-spinner">
											<svg viewBox="25 25 50 50" class="circular"> <circle
												cx="50" cy="50" r="20" fill="none" class="path"></circle> </svg>
											<!---->
										</div>
									</div>
								</div>
								<div data-v-76b0cee4="" class="table-bottom-bar">
									<div data-v-76b0cee4="" class="pull-left">
										<button data-v-76b0cee4="" disabled="disabled" type="button"
											class="el-button el-button--default is-disabled">
											<!---->
											<!---->
											<span>批量删除</span>
										</button>
										<span data-v-76b0cee4="" class="ml-48">每页显示
											<div data-v-76b0cee4="" class="input-sm el-input">
												<!---->
												<input autocomplete="off" rows="2" max="50" min="1"
													validateevent="true" class="el-input__inner" type="number">
												<!---->
												<!---->
												<!---->
											</div> 条,输入后按回车
										</span>
									</div>
									<div data-v-76b0cee4="" class="pull-right">
										<div data-v-76b0cee4="" class="el-pagination">
											<span class="el-pagination__total">共 47 条</span>
											<button type="button" class="btn-prev disabled">
												<i class="el-icon el-icon-arrow-left"></i>
											</button>
											<ul class="el-pager">
												<li class="number active">1</li>
												<!---->
												<li class="number">2</li>
												<li class="number">3</li>
												<li class="number">4</li>
												<!---->
												<li class="number">5</li>
											</ul>
											<button type="button" class="btn-next">
												<i class="el-icon el-icon-arrow-right"></i>
											</button>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			</section>
			
<div id="addproduct" style="display: none;">
	<div style="padding: 20px;">
		<div>
			<span>商品名称 :</span>
			<input type="text" class="el-input__inner" style="width: 200px; margin-bottom: 20px;" value="1"/>
		</div>
		
		<div>
			<span style="margin-top: 20px;">商品图片 :</span>
			<input type="file"  class="el-input__inner" style="width: 200px; margin-bottom: 20px;" value="1"/>
		</div>
		
		<div>
			<span style="margin-top: 20px;">商品类型 :</span>
			<select class="el-input__inner" style="width: 100px; margin-bottom: 20px;">
				<option>--请选择--</option>
			</select>
		</div>
		
		<div>
			<span style="margin-top: 20px;">商品价格:</span>
			<input type="text"  class="el-input__inner" style="width: 200px; margin-bottom: 20px;" value="1"/>
		</div>
		
	</div>
</div>
<script type="text/javascript">
function addproduct(){
	layer.open({
	       type: 1,
	       title: '添加商品',
		maxmin: true, 
		shadeClose:false, //点击遮罩关闭层
	       area : ['400px' , '350px'],
	       content:$('#addproduct'),
		btn:['添加',"返回"],
		btn1:function(index,layero){
			alert(JSON.stringify(layero));
			layer.alert('添加成功！',{title: '提示框',icon:1, });
			layer.close(index);	   				
		},
		btn2:function(index,layero){	
			layer.alert('添加失败！',{title: '提示框',icon:2, });
			layer.close(index);	   				
		}
	});
}

function modifyProduct(){
	layer.open({
	       type: 1,
	       title: '修改商品',
		maxmin: true, 
		shadeClose:false, //点击遮罩关闭层
	       area : ['400px' , '350px'],
	       content:$('#addproduct'),
		btn:['修改',"返回"],
		btn1:function(index,layero){
			alert(JSON.stringify(layero));
			layer.alert('修改成功！',{title: '提示框',icon:1, });
			layer.close(index);	   				
		},
		btn2:function(index,layero){	
			layer.alert('修改失败！',{title: '提示框',icon:2, });
			layer.close(index);	   				
		}
	});
}
</script>
</body>
</html>
